<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>南京大学职业咨询室预约平台</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='assets/i/ico_128X128.ico') }}">
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{{ url_for('static', filename='assets/i/app-icon72x72@2x.png') }}">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="apple-touch-icon-precomposed" href="{{ url_for('static', filename='assets/i/app-icon72x72@2x.png') }}">
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="{{ url_for('static', filename='assets/i/app-icon72x72@2x.png') }}">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/amazeui.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/app.css', v='1.4') }}">
    <script src="{{ url_for('static', filename='assets/js/jquery.min.js') }}"></script>
    <script src="{{ url_for('static', filename='assets/js/amazeui.min.js') }}"></script>
    <style type="text/css">

    .consultant-story-image {

    }

    .consultant-story-item{

    }
    .am-slider{

    }
    .am-slider-content{
        max-height:200px;
        overflow-y:hidden;
    }
    .am-tabs{
        font-size:14px;
        margin:0;
    }
    .new-item{
        margin:0 0 10px 0;
        list-style-type:none;
        overflow:hidden;
    }
    .new-item .img{
        width:100px;
        max-height:100px;
        overflow:hidden;
        float:left;
        margin:0 10px 0 0;
    }
    .new-item .img img{
        width:100%;
    }
    .new-item .title{
        line-height:20px;
        font-size:14px;
        max-height:60px;
        overflow:hidden;
        color:#333;
    }
    .new-item .date{
        color:#ddd;
        font-size:14px;
        margin:10px 0 0 0;
    }

    </style>
</head>

<body>
<div class="header">
    <!--<div class="header-back" onclick="history.back()">返回</div>-->
    <div class="header-title">咨询室故事</div>
</div>
<div class="content">
    <div class="consultant-story-image">
        <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{controlNav:false}' >
          <ul class="am-slides">
              {% if sliders[0]%}
               {% for slider in sliders %}
              <li>
               <a href="{{slider['link']}}">
                        <div class="am-slider-content">
                            <img src="{{slider['img'] }}">
                        </div>
                        <div class="am-slider-desc">{{slider['title']}}</div>
                        </a>
                  </li>
              {% endfor %}
              {% else %}
              <li>
                  <div class="am-slider-content">
                    <img src="{{ url_for('static', filename='assets/i/bg1-1.jpg') }}">
                        </div>
                    <div class="am-slider-desc">职业发展之路，你不是孤军奋战</div>
              </li>
               <li>
                  <div class="am-slider-content">
                    <img src="{{ url_for('static', filename='assets/i/bg2-1.jpg') }}">
                  </div>
                    <div class="am-slider-desc">在这里，聆听咨询故事</div>
              </li>
              <li>
                  <div class="am-slider-content">
                        <img src="{{ url_for('static', filename='assets/i/bg3-1.jpg') }}">
                            </div>
                    <div class="am-slider-desc">一对一精准化职业咨询，等你来约！</div>
              </li>
              {% endif %}
            </ul>
        </div>
    </div>

    <div data-am-widget="tabs" class="am-tabs am-tabs-default">
        <ul class="am-tabs-nav am-cf">
          <li class="am-active"><a href="[data-tab-panel-0]">咨询师探秘</a></li>
          <li class=""><a href="[data-tab-panel-1]">咨询故事分享</a></li>
          <li class=""><a href="[data-tab-panel-2]">求职助力</a></li>
        </ul>

        <div class="am-tabs-bd">
          <div data-tab-panel-0 class="am-tab-panel am-active">
            <ul>
                {% for li in articles_type_1 %}
                <li class="new-item">
                    <a href="{{ li['link'] }}">
                        <div class="img">
                            <img src="{{ li['img'] }}" class="am-img-thumbnail">
                        </div>
                        <p class="title">{{ li['title'] }}</p>
                        <p class="date">{{ li['date'] }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>
          </div>

          <div data-tab-panel-1 class="am-tab-panel ">
            <ul>
                {% for li in articles_type_2 %}
                <li class="new-item">
                    <a href="{{ li['link'] }}">
                        <div class="img">
                            <img src="{{ li['img'] }}" class="am-img-thumbnail">
                        </div>
                        <p class="title">{{ li['title'] }}</p>
                        <p class="date">{{ li['date'] }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>
          </div>

          <div data-tab-panel-2 class="am-tab-panel ">
            <ul>
                {% for li in articles_type_3 %}
                <li class="new-item">
                    <a href="{{ li['link'] }}">
                        <div class="img">
                            <img src="{{ li['img'] }}" class="am-img-thumbnail">
                        </div>
                        <p class="title">{{ li['title'] }}</p>
                        <p class="date">{{ li['date'] }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>
          </div>
        </div>
    </div>

    <form method="post" action="/">

    </form>
</div>

<div class="footer">
    <ul>
        <li><a href="/get_teacher_schedule" class="footer-item">预约咨询</a></li>
        <li><a href="/urgent_booking" class="footer-item">紧急咨询</a></li>
        <li><a href="/student_query_login_student" class="footer-item">我的预约</a></li>
        <li><a href="/get_consultant_story_page" class="footer-item on">咨询室故事</a></li>
        <li><a href="/index" class="footer-item">返回首页</a></li>
    </ul>
</div>

</body>

</html>
